
function spirit() {
 
		var tag = Math.floor(Math.random() * 999) + 1;;
		var body = document.getElementsByTagName('body')[0];
		var spirit = document.createElement("div")
		spirit.className="spirit spirit1"
		spirit.id = "spirit"+tag;
		var head = document.createElement("div")
		head.className="head"
		var skull = document.createElement("div")
		skull.className="skull"
		var eyes = document.createElement("div")
		eyes.className="eyes"
		var eyeleft = document.createElement("div")
		eyeleft.className="eye eye-left"
		var eyeright = document.createElement("div")
		eyeright.className="eye eye-right"
		var legs = document.createElement("div")
		legs.className="legs"
		var sbody = document.createElement("div")
		sbody.className="body"
		eyes.appendChild(eyeleft)
		eyes.appendChild(eyeright)
		skull.appendChild(eyes)
		head.appendChild(skull)
		spirit.appendChild(head)
		spirit.appendChild(sbody)
		spirit.appendChild(legs)
		body.appendChild(spirit);
		var style = document.createElement('style');
		style.innerHTML ='*,:after,:before{box-sizing:border-box}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{content:\'\';display:table}.clearfix:after{clear:both;display:block}.spirit .head .skull:before,.spirit .head .skull:after,.spirit .eyes .eye:before,.spirit .body:before,.spirit .body:after,.spirit .legs:before{content:\'\';position:absolute}.spirit{top:50%;left:80%;width:30px;height:44px;position:fixed;margin-top:-22px;margin-left:-15px;animation:move 8s infinite}.spirit .head{z-index:1;width:25px;height:25px;background:#444;border-radius:50%;position:relative}.spirit .head .skull{left:2px;bottom:2px;width:16px;height:16px;color:#f9f9f9;border-radius:50%;background:#f9f9f9;position:absolute;animation:skull 3s infinite}.spirit .head .skull:before{top:9px;width:0;left:50%;height:0;z-index:1;margin-left:-2px;border:2px solid transparent;border-bottom:2px solid #444}.spirit .head .skull:after{top:14px;left:50%;width:1px;height:4px;margin-left:-1px;background:#f9f9f9;box-shadow:2px 0,-2px 0,4px 0,-4px 0,-3px -2px,-1px -2px,1px -2px,3px -2px}.spirit .eyes{width:inherit;height:inherit;overflow:hidden;border-radius:50%;position:relative}.spirit .eyes .eye{top:5px;width:5px;height:5px;position:absolute;border-radius:50%;background:#f8cd22;border:1px solid #444;border-right:2px solid #444}.spirit .eyes .eye:before{top:-1px;left:-1px;width:5px;height:3px;background:#f9f9f9;border-radius:5px 5px 0 0;animation:eyes 3s infinite}.spirit .eyes .eye.eye-left{left:1px}.spirit .eyes .eye.eye-right{right:1px}.spirit .body{top:-3px;width:24px;height:17px;background:#444;position:relative;border-radius:10px 10px 2px 2px}.spirit .body:before,.spirit .body:after{top:3px;width:4px;height:12px;background:#444}.spirit .body:before{left:-1px;border-radius:100% 0 0 2px;transform:rotate(10deg);animation:hand-left 3s infinite}.spirit .body:after{right:-1px;border-radius:0 100% 2px 0;transform:rotate(-10deg);animation:hand-right 3s infinite}.spirit .legs{top:-3px;left:50%;width:21px;height:10px;overflow:hidden;margin-left:-13px;position:relative;border-bottom:1px solid rgba(0,0,0,.2)}.spirit .legs:before{top:0;left:-7px;width:60px;height:10px;background-image:linear-gradient(-495deg,#444 4px,transparent 0),linear-gradient(-45deg,transparent 4px,#444 0);background-size:4px 8px;background-repeat:repeat-x;animation:legs 3s infinite}@keyframes move{0%{transform:translateX(2)}25%{transform:translateX(-55px)}50%{transform:translateX(55px)}75%{transform:translateX(-15px)}100%{transform:translateX(2)}}@keyframes skull{0%{transform:translate(0,0)}25%{transform:translate(2px,1px)}75%{transform:translate(3px,-1px)}100%{transform:translate(0,0)}}@keyframes eyes{0%{top:-5px;border-radius:50%}50%{top:-1px;border-radius:5px 5px 0 0}100%{top:-5px;border-radius:50%}}@keyframes legs{0%{left:-7px}50%{left:-25px}100%{left:-7px}}@keyframes hand-left{0%{left:1px}50%{left:-2px}100%{left:1px}}@keyframes hand-right{0%{right:1px}25%{right:-2px}50%{right:-2px}100%{right:1px}}'
		document.getElementsByTagName('head')[0].appendChild(style);
		var opacity = 1;
		var ad = 1
		var OTIME = Math.floor(Math.random() * 8) + 3;
		var STIME = Math.floor(Math.random() * 8) + 3;
		setInterval(function (){
			var spirit = document.getElementById("spirit"+tag)
			var w = document.body.clientWidth - 250;
			var h = document.body.clientHeight - 250;
			var randNumw = Math.floor(Math.random() * w) + 1;
			var randNumh = Math.floor(Math.random() * h) + 1;
			//console.log(randNumw,randNumh )
			spirit.style.left = randNumw+'px';
			spirit.style.top = randNumh+'px'
		},
		STIME*1000);
		
		setInterval(function (){
			if(opacity == 1){
				ad = 1
			}
			else if(opacity <= 0.1){
				ad = 0;
			}
			if(ad == 1){
				opacity = opacity-0.1
			}
			else{
				opacity = opacity+0.1
			}
			var spirit = document.getElementById("spirit"+tag)
			spirit.style.opacity = opacity
			spirit.title = OTIME+'s'
			//console.log('opacity',opacity)
		},
		OTIME*100); 
}
spirit()